<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>17_插件</title>
</head>

<body>

  <div id="app">
    <p>{{num}}</p>
    <button @click="num++">按钮</button>
    <p v-upper-case="text"></p>
  </div>

  <script type="text/javascript" src="../js/vue.js"></script>
  <!-- 1. 引入插件 -->
  <script type="text/javascript" src="./MyPlugin.js"></script>
  <script type="text/javascript">
    /*
      插件：
        概念：依赖某个库运行的库
        作用：扩展Vue功能
    */
    // 2. 安装插件
    Vue.use(MyPlugin)

    new Vue({
      el: '#app',
      data: {
        num: 0,
        text: 'Hello'
      },
      mounted() {
        // 3. 使用插件
        Vue.say('world')
        this.$say('atguigu')
      }
    })
  </script>
</body>

</html>